<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script setup>
// import { onMounted } from 'vue';
// import { getGlobalStyles } from './services/globalStyles';
// onMounted(async () => {
//   const globalStyles = await getGlobalStyles();
//   if (globalStyles) {
//     document.documentElement.style.setProperty('--global-font-size', `${globalStyles.fontSize}px`);
//     document.documentElement.style.setProperty('--global-font-color', globalStyles.fontColor);
//   }
// });
</script>

<style>
body {
  margin: 0;
  font-family: var(--global-font-family);
}

#app {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
  font-family: var(--global-font-family);
}
</style>
